@import '~@/assets/easyui/icon.css';
@jzb-bg:linear-gradient(to bottom,#ffffff 0,#eeeeee 100%);
@jzb-bg-hover:#eaf2ff;
.el-header,.el-main,.el-footer{padding: 0;position: relative;}
.br1{border-right:1px solid #ddd;}.bl1{border-left:1px solid #ddd;}.bt1{border-top:1px solid #ddd;}.bb1{border-bottom:1px solid #ddd;}
.hdflex{padding:0 10px;display:flex;align-items: center;flex-wrap: wrap;}
.u-span {display: inline-flex;flex-direction: row;align-items: center;justify-content: center;vertical-align: middle;position: relative;text-decoration: none;outline: 0;padding: 0;font-size:14px;}
.flexcenter{display:flex;align-items: center;}
.colflex{display:flex;flex-direction:column;
    .bdauto{flex:1;overflow:auto;}
}
.overflow-ellipsis{overflow: hidden;white-space:nowrap;text-overflow: ellipsis;}
.h5{height:5px}.h10{height:10px;}.h20{height:20px;}.h30{height:30px;}.h40{height:40px;}.h50{height:50px;}.h60{height:60px;}
.jzb-bgheader{background:#F4F4F4;}
.u-progressbar {position: relative;display: inline-block;padding-right:10px;width:100px;height:calc(1.4142 * 6px);
    background: repeating-linear-gradient(45deg, #3bb4f2, #3bb4f2 2px, transparent 3px, transparent 5px, #3bb4f2 6px) 0 0 content-box;animation: twill 1s linear infinite;}
@keyframes twill {to {background-position-y:calc(-1 * 1.4142 * 12px);}}

//easyUI样式
.jzb-button{position:relative;display:inline-flex;cursor:pointer;text-align:center; font-weight:400;white-space:nowrap;
    vertical-align: middle;*zoom:1;transition:background-color .1s linear;background: @jzb-bg;border:1px solid #DCDFE6;outline:none;
    color:#444;padding:0 10px;line-height:26px;border-radius:5px;font-size:12px;box-sizing:border-box;align-items:center;justify-content: center;}
.jzb-button.plain{border-color:transparent;background:none;}
.jzb-button:hover{background: @jzb-bg-hover;color: #000000;border-color:#b7d2ff;filter: none;}
.jzb-button .icon{display: inline-block;width: 16px;height: 16px; line-height: 16px;margin-right:5px;}
.jzb-button.notext{border:none;}
.jzb-button.size-S{line-height:24px;height:24px;}
.jzb-button.size-M{line-height:30px;height:30px;}
.jzb-button.size-L{line-height:36px;height:36px;}
.jzb-button:disabled,.jzb-button:disabled:hover{color: #999!important;background: #eee!important;border-color: #ddd!important;cursor:not-allowed;}
/deep/.el-input-group__append,/deep/ .el-input-group__prepend{background: @jzb-bg;cursor: pointer;}
/deep/.el-input-group__append:hover, /deep/.el-input-group__prepend:hover{background: @jzb-bg-hover;color: #000000;border-color:#b7d2ff;filter: none;}

//1.1 table
/deep/.el-table{
    .cell{padding-right:5px;padding-left:5px;}
    td.index .cell,td.selection .cell{padding:0 3px;white-space:nowrap;text-align:center;}
    tr.current-row>td,tr.selected-row>td{background-color:#FFE48D;}
    tr.un-selected-row>td{background:none;}
    .el-table__row td.index{background-color:#f4f4f4;}
} 
.jzb-infotable{
    empty-cells:show;border-collapse:collapse;border-spacing:0;width:100%;
    td{border:1px solid #ddd;line-height:30px;padding:5px 10px;}
    td.name{background:#f4f4f4;text-align:right;white-space: nowrap;}
    td.titletip{background:#f5f7fa;padding-left:15px;}
    .commenttime{font-size:14px;padding-left:20px;color:#999;}
    .meetingPic{display:flex;align-items:center;flex-wrap:wrap;
        .pic{width:31%;margin:1%;text-align:center;}
        img{max-width:100%;}
    }
}
/deep/.jzb-table.el-table{
    border-top:1px solid #ccc;
    thead th{background:@jzb-bg;color:#2D2F33;text-align:center;line-height:16px;padding:3px 0;border-style:solid dotted;border-color:#ccc;border-width:0 1px 1px 0px;}
    thead th:hover{background:@jzb-bg-hover;}
    tbody td{color:#5A5E66;font-size:12px;line-height:16px;border-right:1px dotted #ccc;border-bottom:1px dotted #ccc;padding:3px 0;}
    thead th.gutter{display:none;}
}
// 1.2 表单
/deep/ .el-form{padding:10px;
    .el-select{width:100%;}
    .el-radio,.el-checkbox{margin-right:25px;}
}
/deep/ .el-form.aftertip{
    .el-form-item{margin-bottom:10px;
        .formtip{position:absolute;top:0;left:100%;white-space:nowrap;line-height:40px;font-size:12px;color:#666;margin-left:10px;}
        .afterunit{position:absolute;top:0;left:100%;margin-left:10px;}
    }
    /deep/.el-form-item__error{position:relative;top:auto;left:auto;}
}
/deep/.jzb-form.el-form{
    .el-radio,.el-checkbox{border-radius:0;margin-left:15px;margin-right:15px;}
    .el-form-item{display:flex;
        .el-form-item__label{background: @jzb-bg;color: #909399;box-shadow:0 0 0 1px inset #DCDFE6;box-sizing:border-box;border-radius:4px 0 0 4px;
            display:flex;align-items: center;padding:0 10px;text-align:right;position: relative;margin-right:-1px;cursor: pointer;}
        .el-form-item__label:hover{background: @jzb-bg-hover;color: #000000;border-color:#b7d2ff;filter: none;}
        .el-form-item__content{flex:1;margin-left:0!important;display:flex;align-items:center;
            .el-input__inner,.el-textarea__inner{border-radius:0 4px 4px 0;}
        }
        .el-form-item__error{font-size:0;}
    }
    .el-form-item.is-error .el-form-item__label{box-shadow:0 0 0 1px inset #F56C6C;}
    .el-form-item.is-error .el-input__inner, .el-form-item.is-error .el-input__inner:focus, 
    .el-form-item.is-error .el-textarea__inner, .el-form-item.is-error .el-textarea__inner:focus,
    .el-message-box__input input.invalid, .el-message-box__input input.invalid:focus{
        background-color:#fff3f3;
    }
}
//1.3 输入框
/deep/.el-input-group__append, /deep/.el-input-group__prepend{padding:0 10px;}
/deep/.el-textarea .el-input__count{line-height:1;background:rgba(255,255,255,0.5);}
/deep/.el-input .el-input__count{line-height:1;}
//输入框
.u-textinput { display: flex; justify-content: center; align-items: center;
    .inputlabel { font-size: 12px; line-height: 26px;background: @jzb-bg;cursor: pointer; border: 1px solid #dcdfe6; border-right: none; border-radius: 4px 0 0 4px;white-space:nowrap;padding:0 7px;color: #909399;}
    .inputlabel:hover{background: @jzb-bg-hover;color: #000000;border-color:#b7d2ff;filter: none;}
    /deep/ .el-input__inner {border-radius: 0 4px 4px 0; }
}
//1.4 区域
.jzb-area{width:200px;flex:none;border-right:1px solid #ddd;}
.jzb-area,.jzb-colflex{display:flex;flex-direction:column;height:500px;
    .hd{padding:0 10px;line-height:36px;background:#f1f1f1;text-align:center;}
    .bd{flex:1;overflow:auto;}
}
//1.5 弹框-easyUI风格
.jzb-dialog /deep/.el-dialog{
    border-radius: 5px;
    border: 1px solid #95b8e7;
    background-color: #e0ecff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eff5ff), color-stop(20%, #e0ecff));
    background: linear-gradient(to bottom, #eff5ff 0, #e0ecff 20%);
    background-repeat: repeat-x;
    .el-dialog__header{padding:5px 10px;border-bottom:1px solid #eee;display:flex;justify-content:center;
        .el-dialog__title{font-size:12px;font-weight: bold;color: #0E2D5F;line-height:20px;flex:1;}
        .el-dialog__headerbtn{position: relative;top:2px;right:auto;background: url(~@/assets/easyui/images/panel_tools.png) no-repeat -16px 0px;height:16px;width:16px;font-size:0;}
    }   
    .el-dialog__body{padding:5px;background:#fff;border:1px solid #95b8e7;margin:0 5px;
        .mainer{margin:10px;}
    }
    .jzb-dialog-footer{display:flex;align-items: center;
        .content{flex:1;text-align:left;}
    }
    .el-tabs{box-shadow:none;
        .el-tabs__header{margin:0;}
        .el-tabs__content{min-height:500px;overflow:auto;padding:0;}
    }
    .el-dialog__footer{padding:5px 10px;border-top:1px solid #eee;background:#f5f5f5;margin:0 5px 5px;text-align:right;border:1px solid #95b8e7;border-top:none;
        .jzb-button{line-height:30px;padding:0 15px;margin-left:10px;}
    }
}
//1.6 抽屉
.jzb-drawer /deep/.el-drawer{
    .el-drawer__header{padding:10px 20px;border-bottom:1px solid #eee;margin:0;line-height:28px;height:28px;}
    .el-drawer__body{padding:0;overflow: auto;display: flex;flex-direction:column;height:calc(100vh - 49px);
        .drawer-main{flex:1;overflow:auto;}
        .drawer-footer{padding:10px 20px;border-top:1px solid #ddd;text-align:right;}
    }
    .el-drawer__headerbtn{top:12px;right:15px;}
}
//1.7 timeline
.node-current{background:#409eff;
    &:before,&:after{display:block;content:'';position: absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;
        box-shadow: 0px 0px 2px 1px #409eff;animation: wavy 2.5s infinite;}
    &:after{animation-delay: 0.6s;}
}
@keyframes wavy{ 0% {transform: scale(1.8);}20% {transform: scale(1);}100% {transform: scale(1.8);} }
//1.8 tree
/deep/.el-tree-node.is-current .el-tree-node__content,
/deep/.el-tree-node .el-tree-node__content:focus{background:#FFE48D;}